<style>
	*{
		margin: 0;padding: 0;
	}
	a{
		text-decoration: none;
		color: #9999B3;
	}
	.top_0{
		width: 960px;
		margin: 0 auto;
		color: #9999B3;
		display: flex;
		justify-content: space-between;
	}
	.top_0>div{
		display: flex;
		align-items: center;
	}
	.content_1,
	.content_2{
		width: 960px;
		margin: 0 auto;
		position: relative;
	}
	.content_2{
		text-align: left;
		line-height: 28px;
		padding: 20px 0;
		border-bottom: 1px solid #E6E6E6;
	}
	.con_t{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		color: #FFFFFF;
		font-size: 20px;
	}
	.con_t h1{
		font-weight: 400;
		text-shadow: 0 1px 2px #000;
	}
	.con_t h2{
		font-weight: 400;
		text-shadow: 0 1px 2px #000;
	}
	.content_1 a{
		position: absolute;
		bottom: 50px;
		right: 40px;
		color: #33CC99;
		font-size: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.content_1 a div{
		width: 24px;
		height: 24px;
		background-image: url(http://assets.chufaba.me/assets/journals/icon_btn-b62150213d9dc3f671c33f8c41a9b4dc.png);
		background-position: -120px 0;
		margin-bottom: 5px;
	}
	.content_3{
		width: 960px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.content_ss{
		display: flex;
		flex-direction: column;
		border-bottom: 1px solid #E6E6E6;
		margin-top: 40px;
		padding: 10px;
	}
	.content_ss>div:nth-of-type(1){
		display: flex;
		align-items: center;
	}
	.content_ss>div:nth-of-type(1) img{
		width: 35px;
		height: 35px;
		margin-right: 10px;
	}
	.content_ss>div:nth-of-type(1) p{
		font-size: 25px;
	}
	.content_ss>div:nth-of-type(1) span{
		color: #999999;
	}
	.content_ss>div:nth-of-type(1) div{
		text-align: left;
	}
	.content_ss>img{
		width: 600px;
		margin: 15px 0;
	}
	.content_ss>div:nth-of-type(2){
		text-align: left;
		line-height: 30px;
	}
	.content_ss>div:nth-of-type(2) p:nth-of-type(2){
		line-height: 0.5;
		margin-bottom: 12px;
	}
	.fixation{
		margin-top: 115px;
	}
	.fixation>div:nth-of-type(1){
		display: flex;
		justify-content: space-between;
		margin-bottom: 30px;
	}
	.fixation a{
		width: 80px;
		height: 80px;
		border: 1px solid #25CD98;
		border-radius: 50px;
	}
	.fixation a:hover{
		background-color: #00CDA8;
	}
	.fixation>div:nth-of-type(2){
		position: relative;
	}
	.fixation>div:nth-of-type(2) p{
		position: absolute;
		top: 29px;
		right: 37px;
		color: #ffffff;
	}
</style>
<template>
	<div>
		<div class="top_0">
			<div>
				<a href="/">{{msg}}</a> >
				<a href="/">{{msg_1}}</a> > 
				<p>{{msg_2}}</p>
			</div>
			<div></div>
		</div>
		
		
		<div class="content_1">
			<div class="con_t">
				<h1>{{msg_2}}</h1>
				<h2>{{msg_3}}</h2>
			</div>
			<a href="">
				<div></div>
				<p>{{msg_4}}</p>
			</a>
			<img src="http://img.chufaba.me/routes/2019/11/25/ze2ceznedxknenrf.jpg!960x400" alt="">
		</div>
		
		
		<div class="content_2">
			<p>{{msg_5}}</p>
		</div>
		
		<div class="content_3">
			<div>
				<div class="content_ss">
					<div>
						<img src="http://img.chufaba.me/routes/2019/11/22/2yqyhyd0vj10htr4.jpg" alt="">
						<div>
							<p>恩和俄罗斯民族乡</p>
							<span>呼伦贝尔，中国</span>
						</div>
					</div>
					<img src="http://img.chufaba.me/routes/2019/11/22/yj59rxcjlz8yv9b7.jpg!464x200" alt="">
					<div>
						<p>#追寻冰雪童话#</p>
						<p>目的地：呼伦贝尔</p>
						<p>趁着元旦，想要去看一场鹅毛大雪，避开拥挤的人流，俗套的走马观花，去呼伦贝尔看—</p>
						<p>建议游玩天数：4天</p>
					</div>
				</div>
				<div class="content_ss">
					<div>
						<img src="http://img.chufaba.me/routes/2019/11/22/2yqyhyd0vj10htr4.jpg" alt="">
						<div>
							<p>恩和俄罗斯民族乡</p>
							<span>呼伦贝尔，中国</span>
						</div>
					</div>
					<img src="http://img.chufaba.me/routes/2019/11/22/yj59rxcjlz8yv9b7.jpg!464x200" alt="">
					<div>
						<p>#追寻冰雪童话#</p>
						<p>目的地：呼伦贝尔</p>
						<p>趁着元旦，想要去看一场鹅毛大雪，避开拥挤的人流，俗套的走马观花，去呼伦贝尔看—</p>
						<p>建议游玩天数：4天</p>
					</div>
				</div>
				<div class="content_ss">
					<div>
						<img src="http://img.chufaba.me/routes/2019/11/22/2yqyhyd0vj10htr4.jpg" alt="">
						<div>
							<p>恩和俄罗斯民族乡</p>
							<span>呼伦贝尔，中国</span>
						</div>
					</div>
					<img src="http://img.chufaba.me/routes/2019/11/22/yj59rxcjlz8yv9b7.jpg!464x200" alt="">
					<div>
						<p>#追寻冰雪童话#</p>
						<p>目的地：呼伦贝尔</p>
						<p>趁着元旦，想要去看一场鹅毛大雪，避开拥挤的人流，俗套的走马观花，去呼伦贝尔看—</p>
						<p>建议游玩天数：4天</p>
					</div>
				</div>
			</div>
			
			
			
			<div class="fixation">
				<div>
					<a href=""></a>
					<a href=""></a>
					<a href=""></a>
				</div>
				<div>
					<img src="http://assets.chufaba.me/assets/common/weixin-ae620836f95da0b540da1d727e26c625.png" alt="">
					<p>12445</p>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import dda from '../components/dda.vue' 
	export default{
		data(){
			return{
				msg:"首页",
				msg_1:"去处",
				msg_2:"元旦拼个假，玩转国内外",
				msg_3:"——元旦出游，国内外旅游目的地推荐——",
				msg_4:"收藏",
				msg_5:"打开日历，翘首期盼着元旦的小长假，可惜只有一天，这个元旦还叫人怎么玩呐？出发君为你想了一个两全其美的办法，拼假跨年，为自己和心爱的人送上一个难忘的新年之旅。12月30、31号或1月2、3号连请两天假，拼出5天小长假，国内走起来。12月30、31、1月2、3号连请4天拼出9天小长假，出国狂欢去跨年，还有什么事情比这个更值得期待的吗，错过又要等一年。出游目的地手册已经准备好了，具体的路线就要找指南猫会玩的定制师啦！点击出发吧首页上方的“去定制”，你的跨年之旅就“新鲜出炉”了。新用户首单免费定制，旅行基金还可以兑换指南猫旅游定制费的代金券哦~"
			}
		}
	}
</script>

